<template>
  <div class="page-footer w f-c a-i-c box-b" :style="{ 'padding-bottom': isMainPage ? '100px' : '50px' }">
    <div class="text" :data-value="lastBuildVersion+'  '">
      <slot></slot>
    </div>
  </div>
</template>

<script>

const { lastBuildVersion } = __APP_INFO__;
export default {
  props: {
    isMainPage: {
      type: Boolean,
      default: false
    },
  },
  data() {
    return { lastBuildVersion }
  },
  created() {
  }

}
</script>

<style lang="scss" scoped>
.page-footer {
  position: relative;
  padding: 20px 0px 50px 0px;

  .text {
    font-size: 12px;
    color: #b5b7cd;
    background: #fff;
    padding: 4px;
    z-index: 3;
    position: relative;


    &::before {
      content: attr(data-value);
      position: absolute;
      color: #b6bbdf;
      top: 32px;
      text-align: center;
      width: 100%;
      zoom: 0.6;
    }
  }

  &::after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    background: #b6bbdf;
    z-index: 1;
  }
}
</style>
